const {
  defineConfig
} = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  publicPath: "", // 设置打包相对路径  上线
  pwa: {
    iconPaths: {
      favicon32: 'favicon.ico',
      favicon16: 'favicon.ico',
      appleTouchIcon: 'favicon.ico',
      maskIcon: 'favicon.ico',
      msTileImage: 'favicon.ico'
    }
  },
  devServer: {
    open: true, // 自动打开浏览器
    host: "localhost",
    port: 8848,
    // inline:true,  兼容低版本  不兼容高版本 
    hot: true, // 热更新 
    proxy: { //反向代理
      "/api": {
        target: "http://localhost:2116", // 代理目标
        pathRewrite: {
          "^/api": ""
        }
      },
      "/bili": { //代理对象
        target: "https://mall.bilibili.com", //代理目标
        pathRewrite:{
          "^/bili":""
        }
      },
    }
  },
  chainWebpack: config => {
    config.module
      .rule('scss')
      .oneOf('vue')
      .use('px2rem-loader')
      .loader('px2rem-loader')
      .before('postcss-loader')
      .options({
        remUnit: 50
      }) // 这里的16数字要和rem.js里面的一致  网易 100 淘宝 75   vantUI设计稿 375 

      // 使用网易适配
      // 1.注释接口文件里的libflexible
      // 2.设置公共样式文件中的跟字体大小 : font-size:calc(100vw/7.5); // 网易 移动端 适配
      // 3.使用name=viewport的meta标记

      // 使用淘宝适配
      // 1.在接口文件里引入libflexible
      // 2.设置公共样式文件中的跟字体大小 : font-size: 10vw; // 淘宝适配
      // 3.注释name=viewport的meta标记
      .end()
  },
})
